<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <!-- 指定页面使用的字符编码为UTF-8 -->
    <meta charset="UTF-8" />
    <!-- 设置页面标题为“注册页面” -->
    <title>注册页面</title>
    <!-- 引入基础样式表 -->
    <link rel="stylesheet" href="../css/base.css" />
    <!-- 引入表单专用样式表 -->
    <link rel="stylesheet" href="../css/form.css" />
  </head>
  <body>
    <!-- 页面头部，显示注册页面的标题 -->
    <div class="header">
      <h1>注册页面</h1>
    </div>
    <!-- 登录容器，包含注册表单 -->
    <div class="login-container">
      <!-- 注册表单，具有唯一ID“registerForm” -->
      <form id="registerForm">
        <!-- 用户名输入字段，带有label和文本输入框 -->
        <div class="form-group">
          <label>用户名：</label>
          <input type="text" id="username" name="username" required />
        </div>
        <!-- 密码输入字段，带有label和密码输入框 -->
        <div class="form-group">
          <label>密码：</label>
          <input type="password" id="password" name="password" required />
        </div>
        <!-- 确认密码输入字段，带有label和密码输入框 -->
        <div class="form-group">
          <label>确认密码：</label>
          <input type="password" id="confirmPassword" name="confirmPassword" required />
        </div>
        <!-- 昵称输入字段，带有label和文本输入框 -->
        <div class="form-group">
          <label>昵称：</label>
          <input type="text" id="nickname" name="nickname" required />
        </div>
        <!-- 登录链接提示，提供已有账号直接登录的链接 -->
        <div class="form-group login-link">
          <span>已有账号，<a href="./login.html">直接登录</a></span>
        </div>
        <!-- 注册按钮，提交表单 -->
        <div class="form-group">
          <button type="submit">注册</button>
        </div>
      </form>
    </div>
    <!-- 引入Axios库，用于发起HTTP请求 -->
    <script src="../lib/axios.min.js"></script>
    <!-- 引入http.js，可能包含自定义的HTTP请求封装 -->
    <script src="../lib/http.js"></script>
    <!-- 引入注册页的JavaScript逻辑 -->
    <script src="../js/register.js"></script>
  </body>
</html>